---
type: tutorial
unitTitle: Gagnez du temps et de l'énergie avec des mises en page de page réutilisables
title: 'Vérification : Unité 4 - Mises en page (Layouts)'
description: >-
  Tutoriel : Créez votre premier blog Astro —

  Utilisez les mises en page Astro pour partager des éléments et des styles communs entre vos pages et 
  vos articles.
i18nReady: true
---
import Badge from '~/components/Badge.astro';
import Box from '~/components/tutorial/Box.astro';
import Checklist from '~/components/Checklist.astro';


Maintenant que vous savez comment construire avec des composants, créons quelques mises en page personnalisées !

## Où allons-nous ?

Dans cette unité, vous allez créer des mises en page pour partager des éléments et des styles communs entre vos pages et vos articles de blog.

Pour ce faire, vous allez :

- Créer des composants de mise en page réutilisables
- Transmettre du contenu à vos mises en page avec `<slot />`
- Transmettre des données à partir de la première partie de Markdown à vos mises en page
- Imbriquer plusieurs mises en page



<Box icon="check-list">

## Liste de contrôle

<Checklist>
- [ ] Je suis prêt à améliorer la conception de mes pages avec des mises en page !
</Checklist>
</Box>
